<template>
  <div class="mayLayout">
    <!-- 顶端标题 -->
    <app-topmenu></app-topmenu>
    <!-- 图层管理 -->
    <router-view name="layerControl"></router-view>
    <!-- 地图 -->
    <leaflet-map></leaflet-map>
  </div>
</template>

<script>
/* eslint-disable */
import LeafletMap from "@/views/LeafletMap/LeafletMap";
import AppTopmenu from "@/views/AppTopmenu/AppTopmenu";
import { getCurrentInstance, onMounted } from "vue";
import pubsub from "pubsub-js";
import normalApi from "@/api/normalApi.js";

export default {
  name: "Layout",
  components: {
    LeafletMap,
    AppTopmenu,
  },
  data() {
    return { toolBarShow: true };
  },
  setup() {
    const { proxy } = getCurrentInstance();

    onMounted(() => {});

    return {};
  },
  beforeRouteLeave() {
    window._map = null;
  },
};
</script>

<style lang="less" scoped>
// 设置全局样式
* {
  margin: 0;
  padding: 0;
  overflow: hidden;
  // background-color: #111111;
}
.mayLayout {
  width: 100%;
  height: 100%;
  // background-color: antiquewhite;
}
</style>